body {font-family: Tahoma,san serif; font-size:16px;width:100%;}
#main {width:100%;min-height:100%;}


input[type=submit], input[type=button] {border-radius:3px; border:1px solid #ddd;color:#444;background:#eee;}
.loader{background: url(/img/loader.gif) no-repeat;width:34px;height:34px;}
.load {background: url(/img/loader.gif) no-repeat center;}

#enterform {width:400px;margin:100px auto 0;box-shadow:0px 0px 3px #aaa; padding:20px; border-radius:3px;border:1px solid #ddd;background:#fff;}
#enterform h1{ color:#555;font-size:26px;font-weight:normal;}
#enterform hr {background:#ddd;height:1px;border:none;}
#enterform .block {margin-top:15px;}
#enterform .lblock {float:left;width:100px; text-align:right;padding-right:10px;color:#aaa;}
#enterform .rblock {float:left;}
#enterform input[type=text], #enterform input[type=password] { padding:3px; border:1px solid #ddd; border-radius:3px;width:220px; font-size:16px;margin-top:-4px;}
#enterform input[type=submit] {font-size:16px;padding:8px 22px;}
#enterform input[type=submit]:hover {cursor:pointer;background:#ffd;}

#enterform .buttons {text-align:right;margin-top:35px;}
#enterform .loader{margin-top:-34px;display:none;}



#modal {z-index:3;background:#fff;width:300px;padding:50px 10px 30px;text-align:center;
border-radius:3px;box-shadow:0px 0px 3px #000;position:absolute;top:100px;margin-left:50%;left:-150px;}
#modal input[type=button] {font-size:16px; padding:4px 22px;}
#modal .buttons {margin-top:25px;}
#modalbg {background:#fff;background:rgba(100,100,100,0.7);position:fixed;top:0;left:0;bottom:0;right:0;z-index:2;}

#calc {width:195px;height:250px;margin:100px auto 0;background:#e0e9f5; padding:10px 3px 3px 10px; border-radius:2px;border:1px solid #ddd;}
#calc .button {width:30px;height:20px;border:1px solid #f1f5f9;box-shadow: 0px 0px 1px #334e70; border-radius:3px;float:left;margin:7px 7px 0 0;
	text-align:center;color:#1e395b;padding-top:3px;font-size:14px;cursor:pointer;}
#calc .exit {background:#e0e9f5;padding:5px;float:left;position:relative;top:-20px;left:143px;}
#calc .exit a {color:#1e395b;}
#calc .button.equ {height:38px;padding-top:17px;}
#calc .button.zero {width:69px;}
#calc .button.up {position:relative;top:-32px;}

#calc .button.mem {	background: url(/img/but_mem.png) repeat-x; }
#calc .button.oper { background: url(/img/but_oper.png) repeat-x;}
#calc .button.num { background: url(/img/but_num.png) repeat-x;}
#calc .button.equ {background: url(/img/but_equ.png) repeat-x;}

#calc .button:hover{ box-shadow:0px 0px 2px #ffdb00;	border:1px solid #fff4d7; background: url(/img/but_hover.png) repeat-x;}
#calc .button.equ:hover {background: url(/img/but_equ_hover.png) repeat-x;}
#calc .button.mem:hover {background: url(/img/but_mem_hover.png) repeat-x;}

#calc .button:active{ border:none; padding:4px 1px 1px  1px; box-shadow:0px 0px  1px #866b1d;  background: url(/img/but_active.png) repeat-x;}
#calc .button.equ:active {padding:18px 1px 1px  1px; background: url(/img/but_equ_active.png) repeat-x;}
#calc .button.mem:active {background: url(/img/but_mem_active.png) repeat-x;}


#calc .button.disabled{cursor:default;opacity:0.5;}


#calc .input {width: 187px; height: 46px; overflow:hidden; border-radius:3px; border:1px solid #f1f5f9;	position:relative; box-shadow: 0px 0px 1px #334e70; background: url(/img/input.png) repeat-x;}
 	
#calc .input .loader{position:absolute;top:8px;left:5px;opacity:0.4;display:none;}


#calc .input .numbers {text-align:right; position:absolute; bottom:8px;right:4px;font-size:20px;}
#calc .input .numbers.small {font-size:16px;}
#calc .input .history {text-align:right; position:absolute; top:3px;right:4px;font-size:12px;width:1000px;}
#calc .input .memory {font-size:14px;position:absolute;bottom:8px;left:4px;color:#777;display:none;}
